<ui:composition 
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:c="http://java.sun.com/jsp/jstl/core">

    <p:dialog id="facturaSeleccionado" widgetVar="dlgFactura"
                  header="Factura"  width="780"
                  resizable="false" position="center" modal="true"  >

        <h:panelGrid columns="3"  columnClasses="panelGridTop,panelGridTop,panelGridTop" >

            <h:panelGroup>
                <h:panelGrid columns="2" >
                    <h:outputText value="Nro Factura:"/>
                    <h:panelGroup>
                        <h:outputText value="#{consultaPedidosBean.factura.sucursal.sucurs}"  >
                            <f:convertNumber pattern="0000" />
                        </h:outputText>

                        <h:outputText value="#{consultaPedidosBean.factura.id.nrofor}" >
                            <f:convertNumber pattern="-00000000" />
                        </h:outputText>
                    </h:panelGroup>

                    <h:outputText value="Fecha:"/>
                    <h:outputText value="#{consultaPedidosBean.factura.fchmov}" >
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>

                    <h:outputText value="Cliente:"/>
                    <h:outputText value="#{consultaPedidosBean.factura.cliente.nombre}" title="Id" />
                </h:panelGrid>

            </h:panelGroup>

            <h:panelGroup>
                <h:outputText value="Notas: " />
                <p:inputTextarea cols="60" rows="3" value="#{consultaPedidosBean.factura.textos}" readonly="true" />
            </h:panelGroup>

        </h:panelGrid>
        <p:spacer height="5px"  />
        
        <p:dataTable value="#{consultaPedidosBean.factura.itemProducto}" var="i"
             emptyMessage="No se encontraron productos"
             scrollable="true" scrollHeight="200"  >

            <p:column headerText="Código" style="width: 95px; text-align: center;">
                <h:outputText value="#{i.producto.codigo}"/>
                <br/>
                <h:outputText value="(#{i.producto.nroParte})" rendered="#{not empty i.producto.nroParte}" />
            </p:column>

            <p:column headerText="Descripción" style="width: 280px;">
                <h:outputText value="#{i.producto.descrp}"/>
            </p:column>

            <p:column headerText="Present." style="width: 80px;" >
                <h:outputText value="#{i.producto.unidadConversion.unidad} #{i.producto.faccon} #{i.producto.unidadMedida.unidad}" />
            </p:column>

            <p:column headerText="Cantidad" style="text-align: right; width: 70px;" >
                <h:outputText value="#{i.cantid}" >
                    <f:convertNumber pattern="0" />
                </h:outputText>
            </p:column>            

            <p:column headerText="Precio Unit." style="width: 90px; text-align: right;">

                <h:outputText value="#{i.precioFinalSinIVA}"
                              style="text-align: right;" >
                    <f:convertNumber pattern="$ 0.000" />
                </h:outputText>
            </p:column>

            <p:column headerText="Total" style="width:90px; text-align: right;">

                <h:outputText value="#{i.impnac}" >
                    <f:convertNumber pattern="$ 0.00"  />
                </h:outputText>    
            </p:column>

            <f:facet name="footer">
                <div align="right" style="width:690px;" >
                    <h:outputText value="Sub-Total: " />
                    <h:outputText value="#{consultaPedidosBean.factura.subtotalSinIVA}" >
                        <f:convertNumber pattern="$ 0.00" />
                    </h:outputText>
                </div>
            </f:facet>

        </p:dataTable>

        <h:panelGrid columns="3" columnClasses="panelGridTop,panelGridTop,panelGridTop"  >

            <p:dataTable value="#{consultaPedidosBean.factura.itemPercepcion}" var="i" style="width:247px;"
                 emptyMessage="" >

                <p:columnGroup type="header">
                    <p:row>
                        <p:column colspan="2" headerText="Percepciones" />
                    </p:row>
                </p:columnGroup>

                <p:column style="width: 167px;">
                    <h:outputText value="#{i.concepto.descrp}"/>
                </p:column>

                <p:column headerText="Importe" style="width: 80px; text-align: right;">
                    <h:outputText value="#{i.impnac}" >
                        <f:convertNumber pattern="$ 0.00" />
                    </h:outputText>
                </p:column>

            </p:dataTable>

            <p:dataTable value="#{consultaPedidosBean.factura.itemImpuesto}" var="i" style="width: 247px;"
                 emptyMessage="No se encontraron impuestos" >

                <p:columnGroup type="header">
                    <p:row>
                        <p:column colspan="2" headerText="Impuestos" />
                    </p:row>
                </p:columnGroup>

                <p:column style="width:167px;">
                    <h:outputText value="#{i.concepto.descrp}"/>
                </p:column>

                <p:column headerText="Importe" style="width: 80px; text-align: right;">
                    <h:outputText value="#{i.impnac}" >
                        <f:convertNumber pattern="$ 0.00" />
                    </h:outputText>
                </p:column>

            </p:dataTable>

            <p:dataTable value="#{consultaPedidosBean.factura.itemTotal}" var="i" style="width: 247px;"
                 emptyMessage="" >

                <p:columnGroup type="header">
                    <p:row>
                        <p:column colspan="2" headerText="Totales" />
                    </p:row>
                </p:columnGroup>

                <p:column style="width: 167px;">
                    <h:outputText value="#{i.concepto.estructuraDeConcepto.descrp}"/>
                </p:column>

                <p:column headerText="Importe" style="width: 80px; text-align: right;">
                    <h:outputText value="#{i.impnac}" >
                        <f:convertNumber pattern="$ 0.00" />
                    </h:outputText>
                </p:column>

            </p:dataTable>

        </h:panelGrid>

        <p:messages showDetail="true" />

    </p:dialog>

</ui:composition>
